<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程导航</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 170px;
            border: 1px solid #a3c9bf;
            margin: 40px auto;
            padding: 10px;
            box-sizing: border-box;
            background-color: #f5f9fc;
            
        }
        .box h4{
            color: #143a65;
            line-height: 33px;
            padding: 0 15px 0 15px;
            background: url(title_icon.gif)  left right repeat;

        }
        ul{
            list-style-type: none;
        }
        li{
            background-image: url("submenu.gif");
            padding: 5px;
           border-bottom-style: solid;
           border-bottom-color:#a3c9bf ;
        }
        
    </style>
</head>
<body>
    
    <div class="box">
      <h4>  课程导航</h4>
      <ul>
         <li>JAVA全栈工程师</li> 
         <li> 物联网工程师</li> 
         <li> 前端工程师</li> 
         <li> 大数据工程师</li> 
         <li>电子商务</li> 
         <li> UI设计</li> 
         <li> GO后台开发工程师</li> 
      </ul>
   </div>

<form action="" method=""></form>
<textarea name="" id="" cols="30" rows="10"></textarea>



</body>
<script>
   
</script>
</html>